/* *** 공통 *** */
/* 탭 
.contab ul {overflow:hidden;}
.contab ul li {float:left; width:50%;}
.contab ul li a {display:block; text-align:center; color:#000; border:1px solid #ddd; border-bottom:1px solid #faa61a; padding:15px 30px; background:#f8f8f8; font-weight:500; font-size:18px;}
.contab ul li:first-child a {border-right:0;}
.contab ul li.on a {text-decoration:none; color:#fff; background:#faa61a; border-top:2px solid #faa61a; border-right:1px solid #faa61a; border-left:1px solid #faa61a; border-bottom:0;}
*/
/* 라운드박스 */
.con_box {margin-bottom:30px; padding:35px; border:1px solid #ddd; border-radius:15px;}
.con_box p {word-break:keep-all;}
.con_box p:first-child {font-size:24px; margin-bottom:10px;}

/* 이미지박스 */
.w100 {width:100%;}
.img_box {margin-top:20px; padding:30px; background:#f8f8f8;}
.img_box img {width:100%;}

/* h4 여백 */ 
.h4_in {margin-left:20px;}
.bul1_in {margin-left:42px;}
.bul1 {padding-left:43px; background:url(../img/layout/bul1.jpg) no-repeat 20px 7px; font-size:17px; color:#333; letter-spacing:-.5px; color:#06a24c;}

/* 아이콘 */
.i_call {display:inline-block; margin-right:8px; width:15px; height:15px; background:url(../img/sub/i_call.png) no-repeat; vertical-align:inherit;}
.i_map {display:inline-block; margin-right:8px; width:15px; height:15px; background:url(../img/sub/i_map.jpg) no-repeat; vertical-align:inherit;}

/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:0; margin:0;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* 텍스트 정렬 */
.wordalign {word-break:keep-all;}

/* *** 사업소개 *** */
.business {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.business>div {padding:35px 30px; background-color:#f8f8f8; background-size:cover !important;}
.business .dotul>li {background-position:0 12px !important; color:#000; font-weight:500; margin-top:10px;}
.business .dotul>li:first-child {margin-top:0;}
.business .dash>li {background-position:0 14px !important; font-weight:300 !important;}

/* 자활사업 수행기관 */
.jahwal_place {margin-top:10px;}
.jahwal_place>div {padding-left:5px !important; padding-right:5px !important;}
.jahwal_place_con {padding:20px 10px; border:1px solid #eee; border-radius:10px; text-align:center; overflow:hidden;} 
.jahwal_place_con>p {font-size:18px !important; margin-bottom:0 !important; color:#000;} 
.jahwal_place_con>p:nth-child(2) {font-size:16px !important; color:#666;} 
.jahwal_place_con>p:nth-child(2) span {display:inline-block; margin-right:5px; font-size:36px; color:blue; font-weight:500;} 
.jahwal_place div:nth-child(2) .jahwal_place_con>p:nth-child(2) span {color:#00abc5;}
.jahwal_place div:nth-child(3) .jahwal_place_con>p:nth-child(2) span {color:#a1c14d;}
.jahwal_place div:nth-child(4) .jahwal_place_con>p:nth-child(2) span {color:#f64d54;}
.jahwal_place div:nth-child(5) .jahwal_place_con>p:nth-child(2) span {color:#a54fb4;}

/* 참여방법 */
.step {display:table; width:100%; padding:0 !important;}
.step>ul>li {border:1px solid #ddd; border-radius:10px; font-size:16px; margin-bottom:10px; overflow:hidden;}
.step>ul>li p {display:table-cell; padding:15px;}
.step>ul>li>span {display:table-cell; width:200px; padding:15px 20px; color:#fff !important; overflow:hidden; vertical-align:middle; }
.step>ul>li:first-child>span {background:#4dae69 !important;}
.step>ul>li:nth-child(2)>span {background:#4dae81 !important;}
.step>ul>li:nth-child(3)>span {background:#4dae99 !important;}
.step>ul>li:nth-child(4)>span {background:#4daaae !important;}
.step>ul>li:nth-child(5)>span {background:#4d91ae !important;}
.step>ul>li:nth-child(6)>span {background:#4d79ae !important;}
.step>ul>li:nth-child(7)>span {background:#305b8e !important;}



/* *** 교육 *** */
/* 교육실 대관신청 */
.rent_wrap {margin-bottom:20px; padding:30px; border:1px solid #faa61a; border-top:0;  background:url(../img/sub/bg_rent.jpg) #faa61a;}
.rent_con {padding:30px; background:#fff;}
.rent_con li {float:left; width:50%;}
.rent_con li:first-child {padding-right:30px;}
.rent_con li img {width:100%;}
.rent_con li p {font-size:20px; color:#faa61a; display:inline-block; margin-bottom:20px; border-bottom:2px solid #faa61a; font-weight:500; letter-spacing:-1px;}
.rent_con li dl dt {color:#000; background:url(../img/layout/dot_blue.png) no-repeat 0 9px;}
.rent_con li dl dd {color:#666;}



/* *** 센터소개 *** */
/* 인사말 */
.greeting_wrap p {/* word-break:keep-all;  */text-align:justify;}
.greeting_tit {position:relative; background:url(../img/sub/greeting_bg.jpg) no-repeat 0 bottom; height:320px; margin-bottom:100px;}
.greeting_tit img {position:absolute; bottom:-50px; left:5%; width:230px;}
.greeting_tit p {position:absolute; left:20px; top:60%; transform:translate(0,-50%); font-size:24px; color:#000;}
.greeting_tit p span {display:block; font-size:20px; margin-top:15px;}
.greeting_sign img {margin:0 10px; vertical-align:bottom;}

/* 설립목적 
.deco_part .circle {position:relative; z-index:90; width:140px; height:140px; border-radius:50%; color:#fff; text-align:center;}
.deco_part .circle_line {display:inline-block; content:""; width:90%; height:1px; border:1px dashed #ddd; position:absolute; top:50%; right:0; z-index:1;}
.deco_part .bg_green:hover {background:#06a24c !important;}
.deco_part::after {display:inline-block; content:""; width:10px; height:10px; background:#ddd; border-radius:50%; position:absolute; top:47%; right:-6px;}
.deco_part .circle p {font-size:28px; padding-top:45px; line-height:1;}
.deco_part .circle span {opacity:.5; font-size:18px;}
.deco_box {margin-top:22px; padding:30px; border:1px solid #ddd; text-align:center; font-size:20px;}
.deco_box p {word-break:keep-all;}
*/


.MV{margin-bottom:110px;}
.MV:after{content:'';display:block; clear:both}
.MV li[class*="col"] {padding:0;}
.MV li .title{position:relative; width:180px; height:180px;line-height:180px;text-align:center; background:rgba(6, 162, 76, .9); color:#fff; border-radius:50%;font-size:34px; margin:0 auto;}
.MV li:nth-child(2) .title {background:rgba(250, 166, 26, .8);}
.MV li .title:before {content:""; width:5px; height:25px; border-left:5px dotted rgba(6, 162, 76, .9); position:absolute; left:50%; bottom:0; transform:translate(-40%,150%);} 
.MV li:nth-child(2) .title:before{border-left:5px dotted rgba(250, 166, 26, .8);}
.MV li .con{font-size:17px;padding:40px 10px; text-align:center;}
.MV li:nth-child(2) .con {margin-top:40px; padding:0 0 20px;}
.MV li .con>span:first-child{display:block; font-size:34px; color:#000; font-weight:500; padding-bottom:5px;}
.MV>li:nth-child(2) {text-align:center;}
.MV li>ul {width:50%; display:inline-block; margin:0 auto; text-align:left;}
.MV li>ul>li {line-height:1.6; padding-left:15px; background:url(../img/sub/dot.jpg) no-repeat 5px 12px;}

.dot_line {border:1px dashed #ccc; display:block; margin:15px 0 10px;}

.value {position:relative; padding:30px 30px 10px; border-radius:15px; background:#e5eff6;}
.value:before{content:'';position:absolute; width:5px; height:30px; border-left:5px dotted #c8cde1; top:-70px; left:50%;transform: translateX(-50%); }
.value .title{position:absolute; background:#60a1cf; border-radius:30px; color:#fff; text-align:center; left:50%; transform: translateX(-50%); top:-25px; font-weight:400; padding:10px 10%; display:inline-block; font-size:20px;}
.value ul {display:block; padding:20px; text-align:center; overflow:hidden;}
.value ul div {width:140px; height:140px; background:#fff; border-radius:50%; margin:0 auto 10px;}
.value ul div i {display:inline-block; margin:40px auto 0; width:60px; height:60px; background-repeat:no-repeat; background-position:center;}
.value ul div i.i_value_01 {background-image:url(../img/sub/icon_value_01.png);}
.value ul div i.i_value_02 {background-image:url(../img/sub/icon_value_02.png);}
.value ul div i.i_value_03 {background-image:url(../img/sub/icon_value_03.png);}
.value ul div i.i_value_04 {background-image:url(../img/sub/icon_value_04.png);}
.value ul li p {color:#000; font-size:18px;}



.numOl li {margin-bottom:10px;}
.numOl li:last-child {margin-bottom:0;}
.numOl li span {display:inline-block; width:30px; height:30px; background:#06a24c; color:#fff; text-align:center; margin-right:10px;}

/* 조직도 */
.group_top {overflow:hidden; position:relative;}
.group_top>div {float:left; position:relative; padding-right:0; padding-left:0;}
.group_top>div>.vertical_line {position:relative; height:50px;}
.group_top>div>.vertical_line>div {width:2px; height:100%; background:#ddd; text-align:center; margin:0 auto;}
.group_top>div>.line_wrap {position:absolute; top:35px; right:0; width:200px; height:2px; background:#ddd; text-align:center; margin:0 auto;}	
.group_top>div>.line_wrap.line_left {right:auto; left:0;}
.roundBox {position:relative; display:table; width:240px; height:70px; line-height:70px; margin:0 auto; color:#fff; background:#faa61a; border-radius:10px; text-align:center; z-index:90;}
.box_blue {background:#60a1cf;}
.l_green {background:#77be60;}

.wLine {width:66.7%; height:2px; margin:0 auto; background:#ddd;}

.group_bottom {padding-top:50px;}
.group_bottom>div {display:grid; width:50%; float:left; padding:0 5px;}
.group_bottom>div>p {position:relative; border:2px solid #ddd; text-align:center; padding:15px; color:#333;}
.group_bottom>div>p::before {display:block; content:""; width:2px; height:52px; background:#ddd; margin:-69px auto 20px;}
.group_bottom>div>p::after {display:block; content:""; width:15px; height:15px; border:2px solid #ddd; border-radius:50%; background:#fff; position:absolute; top:-8px; left:50%; transform:translate(-50%,0);}

.group_line_new{ 
    width: 100%;}
.group_line_new .wLine {width:50%}

/* 오시는길 */
.map_wrap {width:100% !important; height:550px;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap_landing .border2 {display:block !important;}
.map_info {padding:30px; border:1px solid #ddd; border-top:0;}
.map_info>dl {margin-bottom:10px;}
.map_info>dl:last-child {margin-bottom:0;}
.map_info>dl>* {display:inline-block; float:left;}
.map_info dt {width:100px; color:#000;}

.way_info {}
.way_info p {word-break:keep-all;}
.way_info i[class*="fa"] {font-size:26px; margin-bottom:8px; color:#999;}
.way_info .name {display:inline-block; margin-right:10px; border:1px solid #ccc; border-radius:30px; padding:8px 23px; font-size:14px; color:#333;}
.fs14 {font-size:14px;}

/*탭 */
.contab ul {overflow:hidden;}
.contab ul li {float:left; width:50%;}
.contab.tab3 ul li {float:left; width:33.3%;}
.contab ul li a {display:block; text-align:center; color:#000; border:1px solid #ddd; border-bottom:1px solid #faa61a; padding:15px 30px; background:#f8f8f8; font-weight:500; font-size:18px;}
.contab ul li:first-child a {border-right:0;}
.contab ul li.on a {text-decoration:none; color:#faa61a; background:#fff; border-top:2px solid #faa61a; border-right:1px solid #faa61a; border-left:1px solid #faa61a; border-bottom:0;}
/*
교육실 대관신청 
.rent_wrap {margin-bottom:20px; padding:30px; border:1px solid #faa61a; border-top:0;}
.rent_con {}
.rent_con li {float:left; width:50%;}
.rent_con li:first-child {padding-right:30px;}
.rent_con li img {width:100%;}
.rent_con li p {font-size:20px; color:#faa61a; display:inline-block; margin-bottom:20px; border-bottom:2px solid #faa61a; font-weight:500; letter-spacing:-1px;}
.rent_con li dl dt {color:#000; background:url(../img/layout/dot_blue.png) no-repeat 0 9px;}
.rent_con li dl dd {color:#666;}
*/

/* *** 사이트맵 *** */
.one_dep h2 {margin-bottom:20px; font-size:20px; color:#000; font-weight:500;}
.one_dep ul li {margin-bottom:5px;}
.one_dep ul li a {color:#777;}




/*자산형성사업*/
.value_busi_n {position:relative;}
.value_busi_n ul{    display: block;text-align: center;overflow: hidden;} 
.value_busi_n ul div{width:190px; height:190px; background:#e5eff6; border-radius:50%;
margin:0 auto 10px; padding:45px 15px 0  15px;}
.value_busi_n .title{position:absolute; background:#60a1cf; border-radius:30px; color:#fff; text-align:center; left:50%; transform: translateX(-50%); top:-25px; font-weight:400; padding:10px 10%; display:inline-block; font-size:20px;}

.value_busi_n ul li p {color:#000; font-size:16px; line-height:16px;}
.value_busi_n ul li p span {font-size:14px}
.value_busi_n ul div .tit {font-weight:bold; font-size:16px; margin-bottom:3px; line-height:1.6;}
h5{font-size:18px; color:#222; margin-top:20px;}
.bg_box_business ul li {float:left; text-align:center; padding:10px 15px;}
.bg_box_business ul li a{display:block;}
.bg_box_business ul li img{}
.phone{font-size:16px; color:#222; font-weight:500;}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 1200px) {

	.value_busi_n ul div {min-height:130px; margin-bottom:10px;}
	
	/* *** 센터소개 *** */
	/* 설립목적
	.MV li:nth-child(2){margin-left:-10px;}
	.MV li .title{width:130px; height:130px;line-height:130px;font-size:27px;}
	.MV li .title:before {width:20px; left:-30px;}
	.MV li:nth-child(2) .title:before{right:-30px;}
	.MV li .con{font-size:15px;padding:10px;}
	.MV li .con .pc {display:block !important;} 
	.MV li:nth-child(2) .con {padding:0;}
	 */
}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 자활기업 */
	.jahwal_place_con {padding:20px 5px;}
	.jahwal_place_con>p {font-size:16px !important;}
	
	
	/* *** 센터소개 *** */
	/* 조직도 */
	.roundBox {width:200px;}

	.bg_box_business ul li{padding:10px 5px}
	

	/* .MV li .con .pc {display:block !important;} */
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.mobile2 {display:block !important; width:260px !important; margin:0 auto;}
	
	/* 이미지박스 */
	.img_box {padding:10px;}
	
	/* 탭 */
	.contab ul li a {padding:10px; font-size:16px;}
	
	/* 라운드박스 */
	.con_box {padding:15px 20px;}	
	.con_box p:first-child {font-size:20px; margin-bottom:5px;}
	
	/* table style */
	.tableMode>* {display:block;}

	
	/* 자활기업 */
	.jahwal_place>div {margin-bottom:10px;}
	.jahwal_place_con>p {line-height:1.2;}
	.jahwal_place_con>p:nth-child(2) span {font-size:26px;}
	
	/* 참여방법 */
	.step {display:block; width:100%; padding:0 !important;}
	.step li p {display:block;}
	.step li>span {display:block; width:100%; padding:10px 20px;}
	
	/* *** 교육 *** */
	/* 교육실 대관신청 */
	.rent_wrap {padding:5px;}
	.rent_con {padding:15px;}
	.rent_con li {float:none; width:100%;}
	.rent_con li:first-child {padding-right:0; padding-bottom:15px;}
	.rent_con li p {font-size:17px;}
	
	/* *** 센터소개 *** */
	/* 인사말 */
	.greeting_wrap p {word-break:break-all; text-align:left;}
	.greeting_wrap > p:nth-child(2) {}
	.greeting_tit {background:url(../img/sub/greeting_bg.jpg) no-repeat right bottom; height:172px; margin-bottom:90px; margin-top:50px;}
	.greeting_tit img {bottom:0; width:145px; top:-50px; left:50%; transform:translate(-50%,0);}
	.greeting_tit p { font-size:20px; padding:0;}
	.greeting_tit p span {font-size:18px;}
	
	
	/* 설립목적 
	.deco_part .circle {width:100px; height:100px; margin:0 auto;}
	.deco_part .circle_line {display:none;}
	.deco_part::after {display:none;}
	.deco_part .circle p {font-size:24px; padding-top:30px;}
	.deco_part .circle span {font-size:15px;}
	.deco_box {margin-top:-18px; padding:30px 20px 20px; font-size:16px;} */
	
	.MV{margin-bottom:80px;}	
	.MV li:nth-child(2){margin-left:0;}
	.MV li .title{width:120px; height:120px;line-height:120px; font-size:25px; float:none; margin:0 auto;}
	.MV li:nth-child(2) .title {float:none;}
	.MV li .title:before {width:5px; height:19px; border-left:5px dotted rgba(6, 162, 76, .9); border-top:0; left:53px; top:auto; bottom:-30px; transform:translate(100%,0);}
	.MV li:nth-child(2) .title:before{left:auto; right:62px; border-top:0; border-left:5px dotted rgba(250, 166, 26, .8);}
	.MV li .con{text-align:center; margin:10px auto 20px; word-break:keep-all;}
	.MV li:nth-child(2) .con {float:none; text-align:center;padding:5px 10px;}
	.MV li .con>span:first-child{font-size:20px; padding-bottom:0;}
	.MV li .con .pc {display:none !important;}
	.MV li>ul {width:90%;}

	.value {padding:0;}
	.value:before {display:none;}
	.value .title {width:60%; padding:8px; font-size:18px;}
	.value ul,
	.value ul li {padding-top:20px;}
	.value ul div {width:80px; height:80px; margin:0 auto 5px}
	.value ul div i{margin:20px auto 0; width:45px; height:45px; background-size:contain;}
	.value ul p {font-size:16px;}


	/* 조직도 */
	.roundBox {width:90%; height:50px; line-height:50px;}
	.group_top>div>.line_wrap {top:25px; width:50px;}
	.group_top>div>.vertical_line {height:20px;}
	.group_bottom {padding-top:28px;}
	.group_bottom>div>p {padding:5px;}
	.group_bottom>div>p::before {height:22px; margin:-29px auto 10px;}
	.group_bottom>div>p::after {top:-38px;}
	
	/* 오시는길 */
	.map_wrap {height:250px;}
	.map_info {padding:20px;}
	
	/* *** 사이트맵 *** */
	.one_dep {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
	.sitemap div:nth-child .one_dep:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
	
}